<template>
  <el-menu default-active="1" style="background-color: #ffffff;border-bottom: 1px solid #dcdfe6">
    <div class="aside_title">区域列表</div>
    <el-menu-item v-for="item in asideMenu" :key="item">
      <el-icon><VideoCamera /></el-icon>
      <span>{{ item.name }}</span>
    </el-menu-item>
  </el-menu>
</template>

<script setup>
import {
  VideoCamera
} from '@element-plus/icons-vue'
const asideMenu = reactive([
  {
    name: "区域一",
  },
  {
    name: "区域二",
  },
  {
    name: "区域三",
  },
])
</script>

<style scoped lang="scss">
.aside_title{
  background-color: #d9d9d9;
  text-align: center;
}
</style>
